<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%--<%@ page import="org.joda.time.DateTime" %>--%>
<%--<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>--%>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>呆蜗牛Demo注册</title>
	<link href="/assets/themes/adminLTE/adminLTE/css/AdminLTE.min.css" rel="stylesheet">
	<link href="/assets/themes/adminLTE/adminLTE/css/skins/_all-skins.min.css" rel="stylesheet">
	<link href="/assets/themes/adminLTE/bootstrap/css/bootstrap.min.css" rel="stylesheet">

	<link href="/assets/common.css" rel="stylesheet">

	<!--[if lt IE 9]><!--<script src="/assets/html5shiv/dist/html5shiv.js"></script>--><![endif]-->

	<script src="/assets/themes/adminLTE/jquery/jquery.min.js"></script>
</head>
<body class="hold-transition register-page">
<div class="register-box full-opacity-hover">
	<div class="register-logo">
		<a href="/"><b>呆蜗牛</b>Demo</a>
	</div>

	<div class="register-box-body">
		<p class="login-box-msg">呆蜗牛Demo注册</p>
		<jsp:include page="/WEB-INF/pages/msgTip.jsp"/>
		<form action="/register" method="post">
			<div class="form-group has-feedback">
				<input type="text" name="name" class="form-control" placeholder="昵称" value="${registerForm.name}">
				<span class="glyphicon glyphicon-user form-control-feedback"></span>
			</div>
			<div class="form-group has-feedback">
				<input type="text" name="loginName" class="form-control" placeholder="登录名" value="${registerForm.loginName}">
				<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
			</div>
			<div class="form-group has-feedback">
				<input type="password" name="loginPassword" class="form-control" placeholder="密码">
				<span class="glyphicon glyphicon-lock form-control-feedback"></span>
			</div>
			<div class="form-group has-feedback">
				<input type="password" name="confirmPassword" class="form-control" placeholder="确认密码">
				<span class="glyphicon glyphicon-log-in form-control-feedback"></span>
			</div>
			<div class="form-group has-feedback">
				<input type="text" name="verificationCode" class="form-control" style="width: 100px;" placeholder="验证码">
				<img src="/code" id="validationCodeImg">
			</div>
			<div class="row">
				<div class="col-xs-8">
					其它登录方式:&nbsp;&nbsp;
					<button type="button" class="btn btn-sm" title="暂不支持，点也没用的..."><i class="fa fa-qq"></i></button>
					<%--<span id="qqLoginBtn"></span>--%>
					<%--<div class="checkbox icheck">--%>
						<%--<label>--%>
						<%--</label>--%>
					<%--</div>--%>
				</div>
				<!-- /.col -->
				<div class="col-xs-4">
					<button type="submit" class="btn btn-primary btn-block btn-flat">注册</button>
				</div>
				<!-- /.col -->
			</div>
		</form>
		<a href="/login" class="text-center">已经有了，登录去</a>
	</div>
	<!-- /.form-box -->
	<div class="text-info">
		<span>2016 © 呆蜗牛 - 呆蜗牛Demo系统.</span>
	</div>
</div>
<!-- /.register-box -->

<script src="/assets/themes/adminLTE/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/themes/adminLTE/adminLTE/js/app.min.js"></script>
<script src="/assets/common.js"></script>
<%--<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101315217" data-redirecturi="http://www.daiwoniu.com" charset="utf-8"></script>--%>
<script>
	$(function () {
		// init background slide images
		$.backstretch([
					"/assets/img/bg/5.jpg",
					"/assets/img/bg/6.jpg",
					"/assets/img/bg/7.jpg",
					"/assets/img/bg/8.jpg",
					"/assets/img/bg/9.jpg",
					"/assets/img/bg/10.jpg",
					"/assets/img/bg/11.jpg",
					"/assets/img/bg/12.jpg",
					"/assets/img/bg/13.jpg"
				], {
					fade: 1500, // 显示速度
					duration: 800  // 切换时间
				}
		);
		$('input').iCheck({
			checkboxClass: 'icheckbox_square-blue',
			radioClass: 'iradio_square-blue',
			increaseArea: '20%' // optional
		});

//		QC.Login({
//			btnId:"qqLoginBtn",    //插入按钮的节点id
//			//用户需要确认的scope授权项，可选，默认all
//			scope:"all",
//			//按钮尺寸，可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S]，可选，默认B_S
//			size: "B_M"
//		}, function(oInfo, oOpts){
//			// 登录成功的回调函数，登录成功后被调用
//			// oInfo：当前登录用户的基本信息，即OpenAPI中get_user_info返回的数据。
//			// oOpts：回传初始化参数
//			console.log(oInfo);
//		}, function(){
//			// 注销成功的回调函数，注销后被调用：
//			alert("注销成功!");
//		});
	});
</script>
</body>
</html>